<template>
        <div class="favorites">
            <el-tabs v-model="activeName" type="card" @tab-click="onTabClick">
                <el-tab-pane label="所有" name="first">
                    <allfavorites></allfavorites>
                </el-tab-pane>
                <el-tab-pane label="最近三天" name="second">
                    <recentdays></recentdays>
                </el-tab-pane>
                <el-tab-pane label="最近一周" name="third">
                    <recentweeks></recentweeks>
                </el-tab-pane>
            </el-tabs>
        </div>
</template>

<script>
    import allfavorites from '@/components/favorites/allfavorites'
    import recentdays from '@/components/favorites/recentdays'
    import recentweeks from '@/components/favorites/recentweeks'

    export default {
        name: 'favorites',
        components: {
            allfavorites,recentdays,recentweeks
        },
        data(){
            return{
                activeName: 'first'
            }
        }

    }
</script>
